<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>mirador: video tutorials</title>
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<link rel="icon" type="image/ico" href="http://fathom.info/mirador/favicon.ico" />
	</head>

	<body>
		<div id="main-con">
			<a href="index.html">
				<div id="header-con">
					<div id="img"></div>
					<div id="title"><h1>mirador</h1></div>
				</div>
			</a>	
			<div id="intro" class="basic manual">
				<h2>Video Tutorials</h2>
			</div>
			<div id="body-con" class="basic">
				<div id="manual-contents" class="topic">
					<h1>1. Loading and viewing data</h1>
                    <iframe src="//player.vimeo.com/video/109629081?title=0&amp;byline=0&amp;portrait=0&amp;color=d6de23" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
					<h1>2. Finding and ranking correlations</h1>
                    <iframe src="//player.vimeo.com/video/109629728?title=0&amp;byline=0&amp;portrait=0&amp;color=d6de23" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
				</div>
			</div>
			<div id="footer" class="basic">
				<p>Copyright © 2014-16 Fathom Information Design. All Rights Reserved.</p>
			</div>
		</div>
	</body>
</html>
